<extend name="Public/base" />

<!-- 子導航 -->
<block name="sidebar">
    <include file="sidemenu" />
</block>

<block name="body">
    <script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
    <div class="main-title cf">
        <h2>
            編輯{$data.model_id|get_document_model='title'} [
            <volist name="rightNav" id="nav">
                <a href="{:U('article/index','cate_id='.$nav['id'])}">{$nav.title}</a>
                <if condition="count($rightNav) gt $i"><i class="ca"></i></if>
            </volist>
            <present name="article">：<a href="{:U('article/index','cate_id='.$data['category_id'].'&pid='.$article['id'])}">{$article.title}</a></present>
            ]
        </h2>
    </div>
    <!-- 標簽頁導航 -->
    <div class="tab-wrap">
        <ul class="tab-nav nav">
            <volist name=":parse_config_attr($model['field_group'])" id="group">
                <li data-tab="tab{$key}" <eq name="key" value="1">class="current"</eq>><a href="javascript:void(0);">{$group}</a></li>
            </volist>
        </ul>
        <div class="tab-content">
            <!-- 表單 -->
            <form id="form" action="{:U('update')}" method="post" class="form-horizontal">
                <!-- 基礎文檔模型 -->
                <volist name=":parse_config_attr($model['field_group'])" id="group">
                    <div id="tab{$key}" class="tab-pane <eq name="key" value="1">in</eq> tab{$key}">
                        <volist name="fields[$key]" id="field">
                            <if condition="$field['is_show'] == 1 || $field['is_show'] == 3">
                                <if condition="$field['name']=='title'">
                                    <div class="form-item cf">
                                        <label class="item-label">標題<span class="check-tips">（文檔標題）</span></label>
                                        <div class="controls">
                                            <input class="text input-large" name="title" value="{$data[$field['name']]}" type="text"> </div>
                                    </div> 
                                    <elseif condition="$field['name']=='price'"/>
                                    <div class="form-item cf">
                                        <label class="item-label">價格</label>
                                        <div class="controls">
                                            <input class="text input-large" name="price" value="{$data[$field['name']]}" type="text"> </div>
                                    </div> 
                                    <else/>
                                <div class="form-item cf">
                                    <label class="item-label">{$field['title']}<span class="check-tips"><notempty name="field['remark']">（{$field['remark']}）</notempty></span></label>
                                    <div class="controls">
                                        <switch name="field.type">
                                        <case value="num">
                                            <input type="text" class="text input-medium" name="{$field.name}" value="{$data[$field['name']]}">
                                        </case>
                                        <case value="string">

                                                  <if condition="$field['name']=='coursename'">
                                                    <select style="width: 150px;" name="{$field.name}"  class="ajaxUrl">  
                                                      <volist name="course" id="value" key="k">
                                                            <option <php>echo $courses['title']===$value['title']?'selected="selected"':' '</php> value="{$value['id']}">{$value['title']}</option> 
                                                      </volist>
                                                    </select>
                                                    
                                                        <elseif condition="$field['name']=='address'"/>
                                                        <select style="width: 150px;" name="{$field.name}" class="addressAdd">  
                                                            <if condition ="is_array($courses['address'])">
                                                            <volist name="courses.address" id="vo" key="ko">
                                                                <option  <php>echo $data[$field['name']]===$vo?'selected="selected"':' '</php> >{$vo}</option> 
                                                            </volist>
                                                                <else/>
                                                                <option>{$courses["address"]}</option>
                                                            </if>
                                                        </select>
                                                        <elseif condition="$field['name']=='time'"/>
                                                        <select style="width: 150px;" name="{$field.name}" class="timeAdd"> 
                                                            <if condition ="is_array($courses['time'])">
                                                            <volist name="courses.time" id="vo" key="ko">
                                                                <option <php>echo $data[$field['name']]===$vo?'selected="selected"':' '</php> >{$vo}</option> 
                                                            </volist>
                                                                <else/>
                                                                <option>{$courses["time"]}</option>
                                                            </if>
                                                        </select>
                                                        <elseif condition="$field['name']=='grade'"/>
                                                        <select style="width: 150px;" name="{$field.name}" class="gradeAdd"> 
                                                            <if condition ="is_array($courses['grade'])">
                                                           <volist name="courses.grade" id="vo" key="ko">
                                                                <option <php>echo $data[$field['name']]===$vo?'selected="selected"':' '</php> >{$vo}</option> 
                                                            </volist>
                                                                <else/>
                                                                <option>{$courses["grade"]}</option>
                                                            </if>
                                                        </select>
                                                        <elseif condition="$field['name']=='Hallnum'"/>
                                                        <select style="width: 150px;" name="{$field.name}" class="HallnumAdd">  
                                                            <if condition ="is_array($courses['Hallnum'])">
                                                            <volist name="courses.Hallnum" id="vo" key="ko">
                                                                <option <php>echo $data[$field['name']]===$vo?'selected="selected"':' '</php> >{$vo}</option> 
                                                            </volist>
                                                                <else/>
                                                                <option>{$courses["Hallnum"]}</option>
                                                            </if>
                                                        </select>
                                                        <elseif condition="$field['name']=='num'"/>
                                                        <select style="width: 150px;" name="{$field.name}" class="numAdd">  
                                                             <if condition ="is_array($courses['num'])">
                                                            <volist name="courses.num" id="vo" key="ko" >
                                                                <option <php>echo $data[$field['name']]===$vo?'selected="selected"':' '</php> >{$vo}</option> 
                                                            </volist>
                                                                 <else/>
                                                                <option>{$courses["num"]}</option>
                                                            </if>
                                                        </select>
                                                   
                                                </if>
                                        </case>
                                        <case value="password">
                                            <input type="password" class="text input-large" name="{$field.name}" value="{$field.value}">
                                        </case>
                                        <case value="textarea">
                                            <label class="textarea input-large">
                                                <textarea name="{$field.name}">{$data[$field['name']]}</textarea>
                                            </label>
                                        </case>
                                        <case value="datetime">
                                            <input type="text" name="{$field.name}" class="text input-large time" value="{$data[$field['name']]|date='Y-m-d H:i',###}" placeholder="請選擇時間" />
                                        </case>
                                        <case value="bool">
                                            <select name="{$field.name}">
                                                <volist name=":parse_field_attr($field['extra'])" id="vo">
                                                    <option value="{$key}" <eq name="data[$field['name']]" value="$key">selected</eq>>{$vo}</option>
                                                </volist>
                                            </select>
                                        </case>
                                        <case value="select">
                                            <select name="{$field.name}">
                                                <volist name=":parse_field_attr($field['extra'])" id="vo">
                                                    <option value="{$key}" <eq name="data[$field['name']]" value="$key">selected</eq>>{$vo}</option>
                                                </volist>
                                            </select>
                                        </case>
                                        <case value="radio">
                                            <volist name=":parse_field_attr($field['extra'])" id="vo">
                                                <label class="radio">
                                                    <input type="radio" value="{$key}" name="{$field.name}" <eq name="data[$field['name']]" value="$key">checked="checked"</eq>>{$vo}
                                                </label>
                                            </volist>
                                        </case>
                                        <case value="checkbox">
                                            <volist name=":parse_field_attr($field['extra'])" id="vo">
                                                <label class="checkbox">
                                                    <input type="checkbox" value="{$key}" name="{$field.name}[]" <if condition="check_document_position($data[$field['name']],$key)">checked="checked"</if>>{$vo}
                                                </label>
                                            </volist>
                                        </case>
                                        <case value="editor">
                                            <label class="textarea">
                                                <textarea name="{$field.name}">{$data[$field['name']]}</textarea>
                                                {:hook('adminArticleEdit', array('name'=>$field['name'],'value'=>$data[$field['name']]))}
                                            </label>
                                        </case>
                                        <case value="pictures">
                                            {:hook('UploadImages', array('name'=>$field['name'],'value'=>$data[$field['name']]))}
                                        </case>
                                        <default/>
                                        <input type="text" class="text input-large" name="{$field.name}" value="{$data[$field['name']]}">
                                        </switch>
                                    </div>
                                </div>
                                </if>
                            </if>
                        </volist>
                    </div>
                </volist>

                <div class="form-item cf">
                    <button class="btn submit-btn ajax-post hidden" id="submit" type="submit" target-form="form-horizontal">確 定</button>
                    <a class="btn btn-return" href="{$Think.cookie.__forward__}">返 回</a>
                    <if condition="C('OPEN_DRAFTBOX') and (ACTION_NAME eq 'add' or $data['status'] eq 3)">
                        <button class="btn save-btn" url="{:U('article/autoSave')}" target-form="form-horizontal" id="autoSave">
                            存草稿
                        </button>
                    </if>
                    <input type="hidden" name="id" value="{$data.id|default=''}"/>
                    <input type="hidden" name="pid" value="{$data.pid|default=''}"/>
                    <input type="hidden" name="model_id" value="{$data.model_id|default=''}"/>
                    <input type="hidden" name="category_id" value="{$data.category_id|default=''}">
                </div>
            </form>
        </div>
    </div>
</block>

<block name="script">
    <link href="__STATIC__/datetimepicker/css/datetimepicker.css" rel="stylesheet" type="text/css">
    <php>if(C('COLOR_STYLE')=='blue_color') echo '<link href="__STATIC__/datetimepicker/css/datetimepicker_blue.css" rel="stylesheet" type="text/css">';</php>
    <link href="__STATIC__/datetimepicker/css/dropdown.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="__STATIC__/datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="__STATIC__/datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
    <script type="text/javascript">

                                                                                Think.setValue("type", {$data.type | default = '""'});
                                                                                Think.setValue("display", {$data.display | default = 0});
                                                                                $('#submit').click(function(){
                                                                        $('#form').submit();
                                                                                });
                                                                                $(function(){
                                                                                $('.time').datetimepicker({
                                                                                format: 'yyyy-mm-dd hh:ii',
                                                                                        language:"zh-CN",
                                                                                        minView:2,
                                                                                        autoclose:true
                                                                                });
                                                                                        showTab();
                                                                                        < if condition = "C('OPEN_DRAFTBOX') and (ACTION_NAME eq 'add' or $data['status'] eq 3)" >
                                                                                        //保存草稿
                                                                                        var interval;
                                                                                        $('#autoSave').click(function(){
                                                                                var target_form = $(this).attr('target-form');
                                                                                        var target = $(this).attr('url')
                                                                                        var form = $('.' + target_form);
                                                                                        var query = form.serialize();
                                                                                        var that = this;
                                                                                        $(that).addClass('disabled').attr('autocomplete', 'off').prop('disabled', true);
                                                                                        $.post(target, query).success(function(data){
                                                                                if (data.status == 1) {
                                                                                updateAlert(data.info, 'alert-success');
                                                                                        $('input[name=id]').val(data.data.id);
                                                                                } else{
                                                                                updateAlert(data.info);
                                                                                }
                                                                                setTimeout(function(){
                                                                                $('#top-alert').find('button').click();
                                                                                        $(that).removeClass('disabled').prop('disabled', false);
                                                                                }, 1500);
                                                                                })

                                                                                        //重新開始定時器
                                                                                        clearInterval(interval);
                                                                                        autoSaveDraft();
                                                                                        return false;
                                                                                });
                                                                                        //Ctrl+S保存草稿
                                                                                        $('body').keydown(function(e){
                                                                                if (e.ctrlKey && e.which == 83){
                                                                                $('#autoSave').click();
                                                                                        return false;
                                                                                }
                                                                                });
                                                                                        //每隔壹段時間保存草稿
                                                                                                function autoSaveDraft(){
                                                                                                interval = setInterval(function(){
                                                                                                //只有基礎信息填寫了，才會觸發
                                                                                                var title = $('input[name=title]').val();
                                                                                                        var name = $('input[name=name]').val();
                                                                                                        var des = $('textarea[name=description]').val();
                                                                                                        if (title != '' || name != '' || des != ''){
                                                                                                $('#autoSave').click();
                                                                                                }
                                                                                                }, 1000 * parseInt({:C('DRAFT_AOTOSAVE_INTERVAL')}));
                                                                                                }
                                                                                        autoSaveDraft();
                                                                                                < /if>

                                                                                                });
    </script>
    <script>
                        var ajaxUrl = "{:U('Admin/Article/ajaxUrl')}";
    </script>
</block>